    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
          <img src="<?php echo base_url('themes/front/img/slide3.png')?>" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Judul Pertama</h1>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              <br>
                <a style="margin-top: 10px;" class="btn btn-sm btn-primary" href="#" role="button">Learn more</a>
              </p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="<?php echo base_url('themes/front/img/slide1.jpg')?>" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Judul Kedua</h1>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              <br>
                <a style="margin-top: 10px;" class="btn btn-sm btn-primary" href="#" role="button">Learn more</a>
              </p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="<?php echo base_url('themes/front/img/slide3.png')?>" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Judul Ketiga</h1>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              <br>
                <a style="margin-top: 10px;" class="btn btn-sm btn-primary" href="#" role="button">Learn more</a>
              </p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    <div class="clearfix"></div>
    </div><!-- /.carousel -->

    <div class="container">
      <div class="row">
        <div class="col-lg-10 col-lg-offset-1">
          <!-- <div class="row">
            <div class="col-md-8">dfas</div>
            <div class="col-md-4">
              <div class="bg-putih">
                <form>
                  <div class="form-group">
                    <label for="exampleInputEmail1">Username</label>
                    <input type="text" class="form-control input-sm" placeholder="Enter Username">
                  </div>
                  <div class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <input type="password" class="form-control input-sm" placeholder="Enter Password">
                  </div>
                  <div class="checkbox">
                    <label>
                      <input type="checkbox"> Remember Me
                    </label>
                  </div>
                  <button type="submit" class="btn btn-warning full-width">Login</button>
                </form>
              </div>
              
            </div>
          </div> -->

          <!-- <div class="row margintop25">
            <div class="col-md-4">
              dsafsadf
            </div>
            <div class="col-md-4">
              dsafsadf
            </div>
            <div class="col-md-4">
              dsafsadf
            </div>
            
          </div> -->

          <div class="row margintop25">
            <div class="col-md-4">
              <div class="bg-putih-nopadding">
                <!-- judul -->
                <div class="judul-col-orange">
                  PENGALAMAN ANDA
                  <div class="clearfix"></div>
                </div>
                <!-- end judul -->
                <?php
                foreach ($pengalaman as $val) {
                ?>
                <div class="media padding10">
                  <div class="media-left img-left">
                    <a href="#" >
                      <img class="media-object img-circle" src="<?php echo base_url("uploads/user/$val[foto]") ?>" alt="<?php echo $val['nama']; ?>">
                    </a>
                  </div>
                  <div class="media-body">
                    <h5 class="media-heading heading-col"><?php echo $val['nama']; ?></h5>
                    <?php echo substr($val['pengalaman'],0,50)."..."; ?>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div class="divider"></div>
                <?php
                }
                ?>
                <!-- col-footer -->
                <div class="footer-col"><a href="#">Lihat Semua</a></div>
                <!-- end col-footer -->
              </div>
            </div>
            <div class="col-md-4">
              <div class="bg-putih-nopadding">
                <!-- judul -->
                <div class="judul-col-bluedark">
                  PENGENDARA
                  <div class="clearfix"></div>
                </div>
                <!-- end judul -->
                <?php
                foreach ($pengemudi as $val) {
                ?>
                <div class="media padding10">
                  <div class="media-left img-left">
                    <a href="#" >
                      <img class="media-object img-circle" src="<?php echo base_url("uploads/user/$val[foto]") ?>" alt="<?php echo $val['nama_lengkap']; ?>">
                    </a>
                  </div>
                  <div class="media-body">
                    <h5 class="media-heading heading-col"><?php echo $val['nama_lengkap']; ?></h5>
                    <?php echo $val['rute']; ?>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div class="divider"></div>
                <?php
                }
                ?>
                <!-- col-footer -->
                <div class="footer-col"><a href="#">Lihat Semua</a></div>
                <!-- end col-footer -->
              </div>
            </div>
            <div class="col-md-4">
              <div class="bg-putih-nopadding">
                <!-- judul -->
                <div class="judul-col-blue">
                  PENUMPANG
                  <div class="clearfix"></div>
                </div>
                <!-- end judul -->
                <?php
                foreach ($penumpang as $val) {
                ?>
                <div class="media padding10">
                  <div class="media-left img-left">
                    <a href="#" >
                      <img class="media-object img-circle" src="<?php echo base_url("uploads/user/$val[foto]") ?>" alt="<?php echo $val['nama_lengkap']; ?>">
                    </a>
                  </div>
                  <div class="media-body">
                    <h5 class="media-heading heading-col"><?php echo $val['nama_lengkap']; ?></h5>
                    <?php echo $val['alamat']; ?>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div class="divider"></div>
                <?php
                }
                ?>
                <!-- col-footer -->
                <div class="footer-col"><a href="#">Lihat Semua</a></div>
                <!-- end col-footer -->
              </div>
            </div>
          </div>
          
        </div>
      </div>

    </div> <!-- /container -->